body
{
	margin: 0px;
	padding: 8px;
}
body, input, textarea, select
{
	background-color: black;
	color: white;
	font-size: small;
	font-family: Verdana;
}
input[type="text"], input[type="password"], textarea, select
{
	border-style: solid;
	border-width: 2px;
	border-color: gray white white gray;
}
#header
{
	margin: 0px 0px 4em 0px;
	padding: 0px;
}
#footer
{
	margin: 4em 0px 0px 0px;
	padding: 0px;
	font-size: smaller;
	text-align: center;
	color: #bbb;
}
#box
{
	width: 100%;
	font-family: Georgia;
	background-color: #444;
	color: #ccc;
	opacity: 0.875;
}
.boxc
{
	display: inline-block;
	padding: 0.5em;
}
.boxc:hover
{
	background-color: #ccc;
	color: #444;
}
#box a
{
	text-decoration: none;
}
a>img
{
	border: none;
}
img
{
	text-decoration: overline underline;
}
h1 a
{
	text-decoration: none;
}
h1,h2,h3,h4,h5,h6
{
	text-align: center;
	font-family: 'Courier New';
}
h1
{
	font-size: 5em;
	margin: 0.125em 0px;
}
code
{
	display: block;
	white-space: pre-wrap;
}

#banner
{
	background-image: url(banner.jpg);
}
#cpanel
{
	background-color: #800000;
	padding: 0.5em;
}

a
{
	color: inherit;
}
a.strong
{
	font-weight: bold;
}
.error
{
	border: solid red 3px;
	padding: 1em;
	margin-left: auto;
	margin-right: auto;
}
.funny
{
	display: none;
	border: solid green 3px;
	padding: 1em;
	margin-left: auto;
	margin-right: auto;
}
.ftable
{
	display: table;
	margin: 0px;
	padding: 0px;
}
.ftr
{
	display: table-row;
	margin: 0px;
	padding: 0px;
}
.ftd
{
	display: table-cell;
	margin: 0px;
	padding: 0px;
}
.wide
{
	width: 100%;
}
.ralign
{
	text-align: right;
}
.calign
{
	text-align: center;
}
.lalign
{
	text-align: left;
}
.divcalign
{
	margin-left: auto;
	margin-right: auto;
}

form /* stupid Opera */
{
	margin: 0px;
	padding: 0px;
}
.subbtn
{
	text-align: center;
}



#login
{
	background-color: #800000;
}
#register
{
	background-color: green;
}
#maketopic
{
	background-color: #b8860b;
}
#makepost, #editpost
{
	background-color: #000080;
}



.chief
{
	font-weight: bold;
}
.nposts, .ntopics
{
	text-align: center;
}
.dt
{
	white-space: nowrap;
}
.usernm
{
	white-space: pre; /* no wrap, preserve whitespace */
}
.descr
{
	margin-left: 1em;
	font-size: smaller;
}

#post_preview
{
	border: solid blue 2px;
	padding: 2em;
}


/*
#boards
{
	display: table;
	width: 100%;
	border-spacing: 0px;
	border-width: 0px;
}
*/
#boards .board
{
	/*display: table-row;*/
	margin: 0.5em 0px 0.5em 0px;
	border: white solid 2px;
	font-size: larger;
}
.board>.info>.title>a /*will always be around the TITLE */
{
	color: gray;
}
#boards .board .info, #boards .board .data
{
	/*display: table-cell;*/
}
#boards .board .info
{
	padding: 0.5em;
}
#boards .board .data
{
	padding: 4px 0px 4px 2em;
	font-size: smaller;
	
	background-color: #444;
}
#boards .board .descr
{
	margin-top: 1em;
}


#topics
{
	display: table;
	width: 100%;
	border: outset yellow 1px;
}
#topics .chief
{
	background-color: #b8860b;
}
#topics .topic
{
	display: table-row;
}
#topics .topicc
{
	display: table-cell;
	padding: 0.5em;
	border: inset yellow 1px;
}
#topics .topic div /* not really good to do */
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}



#posts
{
	display: table;
	width: 100%;
	border: solid blue 1px;
}
#posts .post
{
	display: table-row;
}
#posts .postc
{
	display: table-cell;
}
.postc
{
	padding-top: 2em;
	padding-bottom: 2em;
	
	border: solid blue 1px;
}
#posts .postc
{
	vertical-align: top;
}
#posts .post .data
{
	width: 34ex;
	min-width: 34ex;
	max-width: 34ex;
	overflow: hidden;
}
.post .data
{
	text-align: center;
	font-size: smaller;
	background-color: #000040;
	padding-left: 0px;
	padding-right: 0px;
}
#posts .post .data .usernm
{
	margin-bottom: 1em;
}
.post .content
{
	white-space: pre-wrap;
	padding-left: 2em;
	padding-right: 2em;
	
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}
#posts .post .data .edit
{
	margin-top: 2em;
}
#posts>.post>.data>.permalink
{
	margin-top: 1em;
}



#users
{
	display: table;
	width: 100%;
	border-spacing: 2px;
}
#users .user
{
	display: table-row;
}
#users .chief
{
	background-color: green;
}
#users .userc
{
	display: table-cell;
	padding: 0.25em;
}
.ftable .ftr .lalign
{
	text-align: left;
}


#topics_footer, #posts_footer
{
	padding: 1em 0px 0px 0px;
	text-align: right;
}

textarea#postcontent
{
	width: 100%;
}
